// 选择图片
$(".select").on("click", function () {
  // 触发input的点击事件click()
  $("#file").click();
});

// 给input注册 change事件 -- 获取用户上传图片的信息
$("#file").on("change", function (e) {
  const files = e.target.files;
  console.log(files); // 图片的信息
  if (files.length === 0) return;
  // window.URL 主要作用是读取文件的字符串，在img或video等带有src属性的标签上展示。
  // window.URL.createObjectURL(object) file
  // console.log(files[0]);
  const blobUrl = window.URL.createObjectURL(files[0]);
  console.log(blobUrl); // 生成blob字符串 用来设置页面img身上的src属性
  $("#image").prop("src", blobUrl);
});
